<template>
  <div class="layOut">
    <header-com></header-com>
    <div class="content">
      <keep-alive>
        <router-view />
      </keep-alive>
    </div>
    <footer-com></footer-com>
  </div>
</template>

<script>
import headerCom from './headerCom'
import footerCom from './footerCom'
export default {
  name: "layOut",
  components:{headerCom,footerCom}
}
</script>

<style scoped>
.content{
  width: 70%;
  margin: auto;
  min-width: 1400px;
  /*padding: 2rem;*/
  /*height: calc(94% - 6rem - 2px);*/
}
</style>